<template>
  <view class="user-p body column">
    <view class="user-view row">
      <image class="avatar" src="/static/img/avatar.png" mode="scaleToFill" />
      <view class="r-view column" v-if="openId">
        <view class="name">抖音用户</view>
        <view class="s-view">已登录</view>
      </view>
      <view class="r-view column" v-else @click="tiktokLogin">
        <view class="name">未登录</view>
        <view class="s-view">点击登录</view>
      </view>
    </view>

    <view class="order-view">
      <view class="t-view row">
        <view class="l-view row">
          <view class="h1">今日数据</view>
          <view class="h2">更新于11:22</view>
        </view>
        <view class="more-view row" @click="toOrder">
          <view>查看更多</view>
          <image src="/static/img/arrright.png" mode="scaleToFill" />
        </view>
      </view>
      <view class="tj-view row">
        <view v-for="(item, index) in tjObj" :key="index" class="item column">
          <view class="f-view">{{ tjData[index] }}</view>
          <view class="s-view">{{ item }}</view>
        </view>
      </view>
    </view>
    <button
      class="kf-icon"
      open-type="im"
      :data-im-id="imId"
      bindim="imCallback"
      binderror="onimError"
    >
      <image class="kf-icon" style="width: 84rpx;height: 84rpx;" src="/static/img/kf.png" mode="scaleToFill" />
    </button>
  </view>
</template>

<script>
import mixins from "./mixins/index";
export default {
  mixins,
  components: {},
};
</script>

<style lang='scss' scoped>
@import "./src/style.scss";
</style>